<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/base.css">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/libs/font_6u7nsm6xut9/iconfont.css">
</head>

<body>
    <div class="header"></div>

    <div class="main">
        <div class="main-section">
            <p>首页>全部商品</p>
            <div class="main-section-lists">
                <ul id="lists">
                </ul>
                <button class="listMore">查看更多>>></button>
                <script type="text/html" id="listsTemplate">
                    {{each lists list}}
                    <li>
                        <a href='/html/modules/detail.html?id={{list.id}}'>
                            <div class="lists-img"><img src={{list.image}}></div>
                            <div class="main-section-lists-other">
                                <div class="lists-title"><span>{{list.title.slice(0,15)}}</span></div>
                                <div class="lists-description"></div>
                                <div class="lists-price"><span>￥{{list.price}}</span><span>5斤装</span><span>￥{{list.originPrice}}</span></div>
                                <div class="lists-shop">
                                    <p class="person"><span>{{list.saleNum}}</span><span>人已购买</span></p>
                                    <p class="shop"><span class="iconfont icon-gouwuchekong"></span><span>加入购物车</span></p>
                                </div>
                            </div>
                        </a>
                    </li>
                    {{/each}}

                </script>
            </div>
        </div>
    </div>
    <div class="footer"></div>
    <script src="/libs/require/require.min.js" data-main="/js/modules/lists"></script>
</body>

</html>